<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String basePath = request.getContextPath();
	String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+basePath+"/";
	request.setAttribute("path",path);
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>样片详情</title>
	<script type="text/javascript" src="js/jquery.js"></script>
	<link href="css/style.css" rel="stylesheet" media="all">
	<script src="js/flickity-docs.min.js"></script> 
	<link rel="shortcut icon" href="img/favicon.png">
</head>
<body style="background-color:#f2f2f2;">
	<!--<header class="top_header">
		<h1><a href="javascript:history.go(-1);" class="go_back"></a><span>青春校园</span><a class="share_a"></a></h1>
	</header> header -->
	<div class="content_wrap kasampledet_wrap" style="height:100%;">
		<div class="kasample_txt_wrap">
			<img src="img/toshoot_img_01.jpg" alt="青春校园">
			<div class="kasample_txt">
				<div class="kaphgh_img_wrap">
				<div class="kaphgh_img">
					<img src="${path}${photographer.headPortrait}">
					<span class="dummy"></span>
				</div>
				<i class="icon_man" style="display:block;"></i>
				<i class="icon_woman" style="display:none;"></i>
			</div>
			<p class="kaphgh_name">${photographer.name}</p>
			<p class="kaphgh_int">${photographer.briefintro}</p>
			<p><span class="kaphgh_per"><span><img src="img/call.jpg" width="20px" height="20px" style="display: inline;" />&nbsp;&nbsp;${photographer.appointment}人约过他</span>
			<span class="kaphgh_age"><span><img src="img/career.jpg" width="20px" height="20px" style="display: inline;" />&nbsp;&nbsp;从业年龄：${photographer.experience}</span>年</span></p>

				<div class="clear"></div>
			</div>
			<h1><a href="javascript:history.go(-1);" class="go_back"></a></h1>
		</div><!-- kasample_txt -->

		<div class="ka_samplerel example duo">
			<h4><p><span>服务样片</span></p></h4>	
			<div class="example__demo duo__cell">
			<ul class="gallery js-flickity" data-flickity-options='{ "wrapAround": true }'>
			
				<c:forEach items="${photoThemeList}" var="photoTheme">
				<div class="gallery-cell">
					<a href="./kaSampleDet?themeId=${photoTheme.id}"><img src="${path}${photoTheme.advertisingMap}">
					<span>${photoTheme.themeName}</span></a>
				</div>
				</c:forEach>
				<div class="clear"></div>
			</ul>
			</div>
		</div><!-- ka_samplerel -->
		
	</div><!-- content_wrap -->
		
	</div><!-- kasampledet_nav -->
	<div class="footer_copyright">
		<p><span>苏州知行合一网络科技有限公司</span>提供技术支持，版权所有</p>
	</div><!-- footer_copyright -->



</body>
</html>